<template>
	<view class="">
		<view class="text-center " style="">
			<view class="" style="height: 30px;">
				
			</view>
			<view class="">
				<image src="../../static/my/userLogo.jpg" mode="widthFix" style="width: 100rpx;border-radius: 50%;" class=""></image>
			</view>
			<view class="fw mt-20">
				{{info.app_version}}
			</view>
			<view class="fw mt-20 size-20">
				<view class="artbutton_top" @click="toupdate">
					版本更新
				</view>
			</view>
		</view>
		<view class="artbutton_content p20 size-22 mt-40">
			<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
				<view class="fw">关于我们:</view>
				<view class="mt-40" v-html="info.about_content">
				</view>
				<!-- <view class="artbutton_content_text">
					<view class="mt-20">
						18Art
						〔树链海南科技有限公司,是专业的一站式数字藏品电商平台，致力于构建从创作者发掘、内容孵化、IP价值发现到应用场景运营的完整业务生态,平台将围绕中国传统文化与现当代优秀文创内容，建立数字营销、IP孵化、创作者扶持、元宇宙应用等完整内容生态闭环的链条打造，同时打造品牌认证+创作者自营的数字藏品运营模式，为国内市场持续输出优质的具有文化价值的藏品内容。
					</view>
					<view class="mt-20">
						在未来，18Art将围绕中华民族优秀传统文化与现当代优质文创内容,积极探索数字藏品与数字营销丶IP孕化丶创作者经济结合的新模式，为夯实文化数字化基础设施服务，为文创产业发展赋能，为不断满足公众层级丶多元化的精神文明需求贡献力量
					</view>
				</view> -->
				<view class="mt-40 flex center" style="color: #949494;">
					<view class="blue" @click="toAgreement">
						《用户服务协议》
					</view>
					<view class="blue" @click="toPolicy">
						《隐私政策》
					</view>
				</view>
			</scroll-view>
		</view>
		<!-- <view class="p10" style="">
			<view class="artbutton_bottom  ">
				<view class="flex1 center">
					<view class="" style="width: 50rpx;height: 50rpx;">
						<image class="photo" src="../../static/my/about_kefu.png" mode="widthFix"></image>
					</view>
					<view class="white size-22">
						客服
					</view>
					<view class="flex1" style="color: #8a8a8a;">
						<view class=""> 
							(
						</view>
						<view class="" style="width: 30rpx;margin: 6rpx 0 0 0;">
							<image class="photo" src="../../static/my/fuzhi.png" mode="widthFix"></image>
						</view>
						<view class="">
							)
						</view>
					</view>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				scrollTop: 0,
				info:"",
				downloadUrl:''
			}
		},
		methods:{
			toupdate(){
				console.log(this.info.app_download)
				window.location.href=this.info.app_download
			},
			toAgreement(){
				uni.navigateTo({
					url:'./agreement'
				})
			},
			toPolicy(){
				uni.navigateTo({
					url:'./policy'
				})
			}
		},
		onLoad() {
			this.$http('api/login/helpContent').then(res => {
				this.info = res;
			})
		},
	}
</script>

<style lang="less" scoped>
	.artbutton_top {
		width: 180rpx;
		height: 60rpx;
		border-radius: 20px;
		background-image: linear-gradient(to right, #606060, #2B2B2B);
		color: #FFF;
		text-align: center;
		margin: 0 auto;
		line-height: 60rpx;
	}
	.blue{
		color: rgb(3,86,231);
	}
	.artbutton_content {
		background-color: #F2F2F2;
	}

	.scroll-Y {
		// height: 800rpx;
	}

	.artbutton_content_text {
		line-height: 48rpx;
		text-indent: 1rem;
	}

	.artbutton_bottom {
		background-image: linear-gradient(to right, #606060, #2B2B2B);
		border-radius: 20rpx;
		height: 70rpx;
		line-height: 70rpx;
	}
</style>
